@charset "utf-8";

/* 互创湾（cmswu.com）-让网站建设变的如此简单 */

/* CSS Document */

/*banner*/

.banner {

	overflow: hidden;

	position: relative;

	width: 100%;

}

.banner a {

	display: block;

	background: url("../images/banner.jpg") no-repeat center;

	height: 580px

}

#flashs {

	position: relative;

	height: 580px;

	overflow: hidden;

}

#flashs .bgitem {

	z-index: 1;

	position: absolute;

	top: 0;

}

#flashs .btn {

	overflow: hidden;

	width: 100%;

	text-align: center;

	position: absolute;

	left: 0;

	bottom: 60px;

	z-index: 9999

}

#flashs .btn span {

	display: inline-block;

	width: 12px;

	height: 12px;

	background: url("../images/banner_btn.png") no-repeat center top;

	margin: 0 10px;

}

#flashs .btn span {

*display: inline

}

#flashs .btn span.cur {

	background-position: bottom

}

#flashs .bot {

	display: block;

	position: absolute;

	width: 58px;

	height: 58px;

	top: 50%;

	margin-top: -29px;

}

#flashs .bot1 {

	background: url(../images/babot1.png) no-repeat center;

	left: 5%;

	z-index: 2;

}

#flashs .bot2 {

	background: url(../images/babot2.png) no-repeat center;

	right: 5%;

	z-index: 2;

}

/*搜索*/

.ss {

	overflow: hidden;

	width: 100%;

	height: 52px;

	background: #eeeeee

}

.ss .ssBox {

	overflow: hidden;

}

.ss .ssBox p {

	line-height: 52px;

	color: #00824a;

	font-size: 14px;

	float: left

}

.ss .ssBox p a {

	color: #999;

	padding: 0 20px;

}

.ss .ssK {

	overflow: hidden;

	float: right;

	height: 30px;

	width: 240px;/* padding:0 10px; */

	margin-top: 12px;

	background: url(../images/ssbg.png) no-repeat center;

}

.ss .ssK input {

	float: left;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	width: 184px;

	outline: none;

	background: none;

	border: none;

	color: #999;

	padding-left: 15px;

}

.ss .ssK a {

	display: block;

	float: right;

	background: url(../images/ssfdj.png) no-repeat center;

	width: 40px;

	height: 30px;

}

/*Service*/

.Service {

	overflow: hidden;

	width: 100%;

	background-color: #fff;

	padding-top: 40px;

}

.Service .serviceLt {

	float: left;

	width: 245px;

}

.Service .serviceLt h2 {

	overflow: hidden;

	padding: 40px 0;

	background-color: #00824a;

	color: #fff;

	text-indent: 38px;

}

.Service .serviceLt h2 a {

	display: block;

	font-size: 32px;

	color: #fff

}

.Service .serviceLt h2 p {

	font-size: 20px;

	text-transform: uppercase;

	font-weight: normal

}

.Service .serviceLtBox, .Service .dl {

	overflow: hidden;

	width: 100%;

	background: #eeeeee;

}

.Service .dl dt, .Service .dl dd {


}

.Service .dl dt {

	font-size: 20px;

	color: #fff;



	line-height: 46px;

}

.Service .dl dt a {

	color: #fff;

}

.Service .dl dd {

	padding: 10px 0;

}

.Service .dl dd a {

	display: block;

	font-size: 16px;

	color: #666;

	line-height: 36px;

	height: 36px;

}

.Service .dl dd a:hover {

	color: #00824a

}

.Service dl.Ltlast {

	padding-bottom: 25px;

}

.Service .serviceRt {

	float: right;

	width: 713px;

}

.Service .serviceRt-dl {

	float: left;

	border: 1px solid #eee;

	padding: 11px;

	width: 320px;


	background-color: #fff;

	margin-right: 24px;

	margin-bottom: 24px;

}

.Service .serviceRt-dl dt img {

	display: block;

}

.Service .serviceRt-dl dd {

	padding: 0 10px;

	overflow: hidden

}

.Service .serviceRt-dl dd h3 {

	font-size: 16px;

	font-weight: normal;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	margin-top: 20px;

}

.Service .serviceRt-dl dd h3 a {

	color: #00824a

}

.Service .serviceRt-dl dd p {

	font-size: 14px;

	line-height: 20px;

	margin-top: 10px;

	color: #666666;

}

.Service .serviceRt-dl dd a.more {

	display: block;

	float: left;

	margin-top: 10px;

	color: #00824a;

}

.Service dl.bottom {

	margin-bottom: 0

}

.Service dl.last {

	margin-right: 0

}

.Service .serviceRt-dl:hover {

	background-color: #00824a

}

.Service .serviceRt-dl:hover h3 a, .Service .serviceRt-dl:hover dd p, .Service .serviceRt-dl:hover dd a.more {

	color: #fff

}

.phone22 {

	overflow: hidden;

	margin-top: 10px;

	width: 170px;

	padding: 30px 0;

	padding-left: 75px;

	border-radius: 10px;

	background: url(../images/pro_phone.png) no-repeat 20px center;

	background-color: #00824a;

}

.phone22 p {

	font-size: 16px;

	color: #fff;

}

.phone22 b {

	display: block;

	font-size: 24px;

	color: #fff;

	font-family: 'Times New Roman'

}

/*标题*/

.title {

	overflow: hidden;

	width: 100%;

	text-align: center;

	margin-top: 55px;

}

.title h2 {

	font-size: 36px;

	color: #00824a;

	font-weight: normal

}

.title h2 a {

	color: #00824a;

}

.title i {

	display: block;

	width: 30px;

	height: 1px;

	background: #00824a;

	margin: 15px auto 0

}

.title em {

	font-size: 12px;

	color: #999999;

	margin-top: 15px

}

.title p {

	font-size: 14px;

	color: #666666;

	margin-top: 15px

}

.title strong {

	color: #ffae00;

}

/*客户感言*/

.customer {

	overflow: hidden;

	width: 100%;

	background: #f8f8f8;

	padding-bottom: 35px

}

.customer .customerBox {

	overflow: hidden;

	width: 1200px;

	margin: 0 auto;

	margin-top: 25px;

	position: relative

}

.customer .customerBox em {

	display: block;

	width: 70px;

	height: 70px;

	position: absolute;

	top: 65px;

}

.customer .customerBox em.sclt {

	background: url("../images/customerlt.png") no-repeat center top;

	left: 0

}

.customer .customerBox em.scrt {

	background: url("../images/customerrt.png") no-repeat center top;

	right: 0

}

.customer .customerBox em:hover {

	background-position: bottom;

	cursor: pointer

}

.customer .scCon {

	overflow: hidden;

	width: 1000px;

	height: 320px;

	margin: 0 auto;

	position: relative

}

.customer ul {

	position: absolute;

	top: 0;

	left: 0

}

.customer ul li {

	width: 310px;

	float: left;

	text-align: center;

	margin-right: 35px;

}

.customer ul li a {

	text-decoration: none

}

.customer ul li img {

	display: block;

	margin: 0 auto;

	background-color: #fff;

}

.customer ul li h3 {

	font-size: 16px;

	margin-top: 30px;

	font-weight: normal

}

.customer ul li h3 a {

	font-size: 16px;

	margin-top: 30px;

	color: #00824a

}

.customer ul li p {

	font-size: 14px;

	margin-top: 15px;

	line-height: 20px;

	color: #666666;

	height: 40px;

	overflow: hidden

}

.customer ul li:hover img {

	opacity: .85;

}

/*Answer*/

.Answer {

	background: url("../images/answerbg.jpg") no-repeat center;

	width: 100%;

	height: 452px;

	overflow: hidden;

}

.Answer .box {

	width: 1000px;

	height: 280px;

	margin-top: 10px;

	position: relative;

	padding-top: 1px;

}

.Answer dl.dl {

	background: url("../images/answerconbg.png") no-repeat center;

	width: 1000px;

	height: 55px;

	margin: 15px auto 0;

	position: relative;

}

.Answer dl.dl dt, .Answer dl.dl dd {

	line-height: 55px;

	font-size: 16px;

	text-indent: 76px;

	width: 500px;

	float: left;

	white-space: nowrap;

}

.Answer dl.dl dt {

	color: #fff;

	background: url("../images/answerwen.png") no-repeat 30px center;

}

.Answer dl.dl dd {

	color: #00824a;

	background: url("../images/answerda.png") no-repeat 30px center;

}

.Answer img.img {

	position: absolute;

	right: -215px;

	top: -99px;

}

/*Harm*/

.Harm {

	overflow: hidden;

	width: 100%;

	background: url("../images/harmbg.jpg") no-repeat center;

	height: 865px;

}

.Harm .HarmBox {

	width: 500px;

	margin: 0 auto;

	color: #fff;

	text-align: right;

	margin-top: 150px;

	overflow: hidden;

}

.Harm .harmCon {

	width: 235px;

	overflow: hidden;

}

.Harm .harmCon h3 {

	font-size: 42px;

	margin-top: 40px;

}

.Harm .harmCon p {

	font-size: 16px;

	line-height: 25px;

	height: 75px;

	overflow: hidden;

	margin-top: 20px;

}

.Harm .textLeft {

	text-align: left

}

/*advantage*/

.advantage {

	overflow: hidden;

	width: 100%;

	background: url("../images/advantagebg.jpg") no-repeat center;

	height: 843px;

}

.advantage .advantageList {

	width: 100%;

	margin-top: 45px;

	height: 385px;

	position: relative;

*margin-top: 52px;

}

.advantage li {

	width: 176px;

	padding: 0 15px;

	background: url("../images/yslibg.png") no-repeat center top;

	position: absolute;

	text-align: center;

	height: 249px;

	color: #fff

}

.advantage li h3 {

	font-size: 24px;

	margin-top: 45px;

}

.advantage li p {

	margin-top: 20px;

	line-height: 22px;

	font-size: 14px;

}

.advantage li i {

	position: absolute;

	background: url("../images/advantageli.png") no-repeat center top;

	width: 25px;

	height: 25px;

	left: 50%;

	margin-left: -12px;

}

.advantage li.li01 {

	left: 0;

	top: 70px;

}

.advantage li.li02 {

	left: 265px;

	top: 0px;

}

.advantage li.li03 {

	right: 265px;

	top: 0px;

}

.advantage li.li04 {

	right: 0;

	top: 70px;

}

.advantage li.li01 i {

	bottom: -105px;

}

.advantage li.li02 i {

	bottom: -83px;

}

.advantage li.li03 i {

	bottom: -75px;

}

.advantage li.li04 i {

	bottom: -95px;

}

.advantage li:hover {

	background-position: bottom;

	color: #724217

}

.advantage li:hover i {

	background-position: bottom;

}

/*Principle*/

.Principle {

	overflow: hidden;

	width: 100%;

	background-color: #fff;

	padding-bottom: 35px

}

.Principle .title {

	margin-top: 55px;

}

.Principle .list {

	overflow: hidden;

	width: 1000px;

	margin-top: 20px;

}

.Principle .list li {

	float: left;

	width: 180px;

	padding: 0 10px;

	text-align: center;

	overflow: hidden

}

.Principle .list li h3 {

	font-size: 24px;

	color: #00824a;

	font-weight: normal;

	margin-top: 15px;

}

.Principle .list li p {

	line-height: 22px;

	font-size: 14px;

	color: #666666;

	height: 66px;

	margin-top: 15px;

}

.Principle h4 {

	color: #b8d3c4;

	background: url("../images/principlephone.png") no-repeat center;

	margin: 0 auto;

	width: 360px;

	height: 50px;

	line-height: 50px;

	margin-top: 25px;

	text-align: center;

	font-size: 26px;/* font-weight: normal */

}

.Principle h4 span {

	font-size: 18px;

	color: #fff;

	font-weight: normal

}

/*流程*/

.lC {

	overflow: hidden;

	width: 100%;

	background: #f7f7f7 url("../images/lcbg.png") repeat-x left 300px;

}

.lC .lcBox {

	width: 1000px;

	margin-top: 35px;

	height: 355px;

}

.lC .dl {

	width: 125px;

	float: left;

	text-align: center;

	position: relative;

	height: 350px;

}

.lC .lcBox dt i {

	width: 88px;

	height: 79px;

	overflow: hidden;

	display: block;

	margin: 0 auto

}

.lC .lcBox dt img {

	display: block;

}

.lC .lcBox dt p {

	font-size: 18px;

	line-height: 35px;

	color: #00824a;

}

.lC .wen {

	background: url("../images/lc_libg.png") no-repeat center;

	width: 39px;

	height: 39px;

	margin: 0 auto;

	margin-top: 19px;

	font-size: 18px;

	color: #cccccc;

	line-height: 39px;

}

.lC img.lcIMg {

	position: absolute;

	bottom: 0;

	left: -60px;

	display: none

}

.lC .dl:hover i img {

	margin-top: -79px;

}

.lC .dl:hover p {

	color: #ffae00;

}

.lC .dl:hover .wen {

	background: url("../images/lc_libg_h.png") no-repeat center top;

	height: 69px;

	color: #ffae00;

}

.lC .dl:hover img.lcIMg {

	display: block

}

/*Treatment*/

.Treatment {

	overflow: hidden;

	width: 100%;

	padding-bottom: 55px;

}

.Treatment .title {

	margin-top: 35px;

}

.Treatment .TreatmentBox {

	width: 1000px;

	margin-top: 35px;

	height: 280px;

	position: relative

}

.Treatment .dl {

	width: 340px;

	overflow: hidden;

	position: absolute

}

.Treatment .dl dt {

	width: 77px;

	height: 118px;

}

.Treatment .dl dd {

	width: 248px;

	text-align: justify;

}

.Treatment .dl dd h3 {

	font-weight: normal;

	font-size: 18px;

	color: #333333

}

.Treatment .dl dd p {

	font-size: 14px;

	line-height: 26px;

	color: #666666;

	margin-top: 15px;

}

.Treatment .top {

	top: 0

}

.Treatment .right {

	right: 0

}

.Treatment .bottom {

	bottom: 0

}

.Treatment .left {

	left: 0

}

.Treatment img.img {

	position: absolute;

	left: 50%;

	margin-left: -150px;

	top: -35px;

}

/*air*/

.air {

	overflow: hidden;

	width: 100%;

	background: url("../images/airbg.jpg") no-repeat center;

	height: 197px;

}

.air .airPhone {

	font-size: 14px;

	color: #fff;

	margin-top: 140px;

	text-indent: 275px;

}

.air .airPhone b {

	font-size: 24px;

}

/*about*/

.about {

	overflow: hidden;

	width: 100%;

}

.about dl {

	overflow: hidden;

	padding: 35px 0;

	width: 100%;

}

.about dl dt {

	width: 429px;

	float: right

}

.about dl dd {

	width: 520px;

	float: left;

}

.about dl dd h3 {

	font-size: 18px;

}

.about dl dd h3 a {

	color: #e51a1d

}

.about dl dd i {

	display: block;

	width: 40px;

	height: 1px;

	background: #e51a1d;

	margin: 25px 0;

}

.about dl dd p {

	font-size: 14px;

	color: #666666;

	line-height: 28px;

	height: 84px;

	overflow: hidden;

}

.about dl dd a.more {

	display: block;

	margin-top: 30px;

	width: 130px

}

/*团队*/

.team {

	overflow: hidden;

	width: 100%;

	background: #fff;

	padding: 20px 0 30px;

}

.team .teamLt {

	width: 735px;

	float: left;

}

.team h3 {

	font-size: 18px;

	font-weight: normal;

	color: #999999;

	text-transform: uppercase;

	margin-bottom: 25px;

}

.team h3 a {

	font-weight: bold;

	color: #e51a1d

}

.team .teamBox {

	position: relative;

	width: 735px;

	height: 200px;

	overflow: hidden

}

.team .list {

	position: absolute;

	top: 0;

	left: 0

}

.team .list li {

	width: 240px;

	float: left;

	margin-right: 6px;

}

.team .list li span {

	display: block;

	text-align: center;

	font-size: 13px;

	line-height: 35px;

	color: #333

}

.team .teamRt {

	float: right;

	width: 244px;

}

.team .teamCon {

	width: 243px;

	height: 170px;

	background-color: #eeeeee;

	position: relative;

	overflow: hidden;

}

.team .rtList {

	position: absolute;

	left: 0;

	top: 0

}

.team .rtList li {

	width: 193px;


	padding: 15px 25px;

	float: left

}

.team .btn {

	width: 100%;

	text-align: center;

	overflow: hidden;

	position: absolute;

	left: 0;

	bottom: 15px

}

.team .btn span {

	width: 15px;

	height: 15px;

	background: #fff;

	border-radius: 50%;

	display: inline-block;

	margin: 0 3px;

}

.team .btn span {

*display: inline

}

.team .btn span.cur {

	background: #ffae00

}

/*choose*/

.choose {

	overflow: hidden;

	width: 100%;

	background: #00824a;

	padding-bottom: 55px;

}

.choose .title h2 a, .choose .title em {

	color: #fff;

	text-transform: uppercase;

}

.choose .title strong {

	color: #fff

}

.choose .title i {

	background-color: #fff

}

.choose .chooseBox {

	position: relative;

	width: 1000px;

	height: 83px;

	margin-top: 40px;

	overflow: hidden

}

.choose .lsit {

	position: absolute;

	top: 0;

	left: 0

}

.choose .lsit li {

	width: 1000px;

	height: 83px;

	float: left;

}

.choose .lsit li a {

	display: block;

	width: 184px;

	height: 83px;

	margin-right: 16px;

	float: left;

}

.choose .lsit li a.last {

	margin-right: 0

}

.choose .btn {

	width: 100%;

	text-align: center;

	overflow: hidden;

	margin-top: 45px;

}

.choose .btn span {

	width: 50px;

	height: 4px;

	background: #fff;

	display: inline-block;

	margin: 0 3px;

}

.choose .btn span {

*display: inline

}

.choose .btn span.cur {

	background: #ffae00

}

/*news*/

.news {

	overflow: hidden;

	width: 100%;

	padding: 60px 0;

}

.news .newsLt {

	float: left;

	width: 555px;

}

.news .newsRt {

	float: right;

	width: 365px;

}

.news .newsNav {

	overflow: hidden

}

.news .newsNav li {

	width: 133px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	font-size: 14px;

	background-color: #eee;

	float: left;

	margin-right: 10px;

}

.news .newsNav li a {

	color: #666666;

	text-decoration: none

}

.news .newsNav li:hover, .news .newsNav li.cur {

	background: #e51a1d

}

.news .newsNav li:hover a, .news .newsNav li.cur a {

	color: #fff

}

.news .newsBox, .news .newsCon, .news dl {

	overflow: hidden;

	width: 100%;

}

.news .newsBox {

	margin-top: 35px;

	height: 325px;

	width: 555px;

	position: relative

}

.news .newsCon {

	position: absolute;

	left: 0;

	top: 0;

	display: none

}

.news .newsCon:first-child {

	display: block

}

.news dl dt {

	width: 167px;

	height: 120px;

	float: left;

}

.news dl dd {

	width: 370px;

	float: right;

	margin-top: 0px;

	overflow: hidden;

}

.news dl dd h3 {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-size: 14px

}

.news dl dd h3 a {

	color: #e51a1d

}

.news dl dd p {

	font-size: 14px;

	line-height: 22px;

	height: 66px;

	overflow: hidden;

	color: #666666;

	margin-top: 10px

}

.news .newsLi {

	overflow: hidden;

	width: 100%;

	margin-top: 20px;

	border-top: 1px solid #c9c9c9;

}

.news .newsLi li {

	font-size: 14px;

	overflow: hidden;

	width: 100%;

	padding: 14px 0;

	border-bottom: 1px dashed #c9c9c9

}

.news .newsLi li a {

	display: block;

	width: 380px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	float: left;

}

.news .newsLi li span {

	float: right;

	display: block;

	color: #999999;

}

.news .NewTit {

	overflow: hidden;

	width: 100%;

}

.news .NewTit h3 {

	font-weight: normal;

	font-size: 24px;

	float: left;

}

.news .NewTit h3 a {

	color: #e51a1d

}

.news .btnLt {

	float: right;

	width: 78px;

}

.news .btnLt a {

	width: 37px;

	height: 33px;

	display: block;

}

.news .btnLt a.newsTop {

	background: url("../images/newstop.jpg") no-repeat center top;

	float: left;

}

.news .btnLt a.newsBtm {

	background: url("../images/newsbottom.jpg") no-repeat center top;

	float: right;

}

.news .btnLt a:hover {

	background-position: bottom

}

.news .newsDa {

	width: 365px;

	height: 355px;

	position: relative;

	margin-top: 10px;

	overflow: hidden

}

.news .listDa {

	position: absolute;

	top: 0;

	left: 0

}

.news .listDa li {

	padding: 20px 0;

	width: 100%;

	border-bottom: 1px dotted #bbbbbb;

}

.news .listDa li h3 {

	background: url("../images/newswen.jpg") no-repeat left center;

	padding-left: 35px;

	font-size: 13px;

	font-weight: normal

}

.news .listDa li h3 a {

	color: #333333

}

.news .listDa li p {

	background: url("../images/newsda.jpg") no-repeat left center;

	padding-left: 35px;

	font-size: 13px;

	color: #666666;

	line-height: 30px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	margin-top: 15px;

}

/*link*/

.link {

	overflow: hidden;

	width: 100%;

	padding: 20px 0

}

.link h3 {

	float: left;

	width: 65px;

	color: #666666;

	font-size: 14px;

	margin-top: 5px;

}

.link h3 a {

	color: #666666;

}

.link .ul {

	float: right;

	width: 930px;

}

.link .ul li {

	margin: 5px 0;

	float: left;

	border-right: 1px dotted #00824a;

	padding: 0 20px;

	font-size: 14px;

}

.link .ul li a {

	color: #666666;

}